<template>
  <div>
    <template>
      <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
        <el-tab-pane label="基础信息" name="first">
          <goods-info></goods-info>
        </el-tab-pane>

        <!-- 其他 -->
        <el-tab-pane label="商品属性" name="second">商品属性</el-tab-pane>
        <el-tab-pane label="商品详情" name="third">
          <quill-editor ref="myQuillEditor" v-model="content" :options="editorOption" />
        </el-tab-pane>
      </el-tabs>
    </template>
  </div>
</template>

<script>
import GoodsInfo from './GoodsInfo'
export default {
  components: {
    GoodsInfo
  },
  data() {
    return {
      activeName: 'first',
      content: '<i>insert text here</i>',
      editorOption: {
        // Some Quill options...
      }
    }
  },
  methods: {
    handleClick() {

    }
  }
}
</script>

<style lang="less" scoped>
.content .table {
  padding: 0px !important;
}
/deep/.ql-editor {
  height: 400px;
}
</style>